/* Reset --------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
body {
  font-family: "Microsoft Yahei","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  background-color: #eaeaea;
}

img{border:0;vertical-align:top;}
:focus{outline:0;}
/* Headings */
h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#494848;}
h1{font-size:20px;font-weight:400;}
h2{font-size:18px;font-weight:400;}
h3{font-size:16px;font-weight:700;}
h4{font-size:14px;font-weight:700;}
h5{font-size:12px;font-weight:700;}
h6{font-size:11px;font-weight:700;}
/* Forms */
form{display:inline;}
fieldset{border:0;}
legend{display:none;}
/* Table */
table{border:0;/*border-collapse:collapse;*/border-spacing:0;empty-cells:show;font-size:100%;border-collapse:collapse; background: #fff;}
caption,th,td{vertical-align:top;font-weight: normal; color: #666}
table th{text-align:center;}
table b{color: #2E2E2E; font-family: Verdana; font-size: 14px;}
table hr{margin: 5px 0}
/* Content */
p{margin:0 0 10px;color:#333333;font-size:12px;}
strong{font-weight:700;}
address{font-style:normal;line-height:1.35; color: #666}
cite{font-style:normal;}
q,blockquote{quotes:none;}
q:before,q:after{content:'';}
small,big{font-size:1em;}

ul,ol{list-style:none;}
/* Tools */
.hidden{display:block!important;border:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;width:0!important;height:0!important;overflow:hidden!important;}
.nobr{white-space:nowrap!important;}
.wrap{white-space:normal!important;}
.a-left{text-align:left!important;}
.a-center{text-align:center!important;}
.a-right{text-align:right!important;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.f-left,.left{float:left!important;}
.f-right,.right{float:right!important;}
.f-none{float:none!important;}
.f-fix{float:left;width:100%;}
.no-display{display:none;}
.no-margin{margin:0!important;}
.no-padding{padding:0!important;}
.no-bg{background:none!important;}
.no-border{border:none!important;}
.clear{clear:both;}
a.text-line{text-decoration:underline;}
a{text-decoration:none;color: #AC783B;}
.green{color:#56cb00!important;}
.red{color:red!important;}
.black{color:#2E2E2E!important;}
.graw{color:#4c4c4c!important;}
.orange{color:#e44a04!important;}
.blue{color:#1c85d1!important;}
.left-20{padding-left:20px;}
.right-20{padding-right:20px;}
.mb0{margin-bottom: 0!important;}

.pager { text-align: center;}
.pager a {display: inline;}
.pager a{padding: 4px 12px;line-height: 20px;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;border-left-width: 0;}
.pager a.hover {background-color: #f5f5f5;}
.btn{background: url(../images/btn-bg.png) center center repeat-x; float: right; line-height: 10px; text-align: center; color: #3c3c3c; font-size: 10px; padding: 6px 12px; border: 1px solid #c2c2c2;}

.header, .main, .footer{width: 960px; margin: 0 auto; background: #fff;}
.head{}
.head .header{height: 116px;}
.head .header .logo{margin-left: 78px;float: left;}
.head .header .logo strong{ display: none;}
.head .header .logo a{}
.head .header ul.topmenu{ float: left; padding:39px 0 0 70px;}
.head .header ul.topmenu li{float: left; width: 122px; height: 40px; border-left: 1px solid #adadad; position: relative;z-index: 999; text-align: center; padding: 5px 0;}
.head .header ul.topmenu li.last{border-right: 1px solid #adadad;}
.head .header ul.topmenu li a{font-size: 14px; color: #323232; line-height: 18px;}
.head .header ul.topmenu li span{display: block;}
.head .header ul.topmenu li a:hover, .head .header ul.topmenu li.active a{ color: #ac783b}
.head .header ul.topmenu li ul{display:none; background: #fff url(../images/topmenu-sub-bg.png) left top repeat-x; position: absolute; left: 4px; top: 50px; width: 80px; padding: 10px 18px 4px 18px; border: 1px solid #e6e6e6; border-top: none; z-index: 999;}
.head .header ul.topmenu li ul li{ margin: 0; padding: 0; height: auto; width: auto; border-left: 0; display: block; border-bottom: 1px solid #d0d0d0; float: none;}
.head .header ul.topmenu li ul li.last{border-bottom: none; border-right: none;}
.head .header ul.topmenu li ul li a{margin: 0; padding: 0; font-size: 12px; font-weight: normal;line-height: 23px;}
.foot{}
.foot .footer{background: #dcdcdc;}
.footer-container{text-align: center;}
.footer-container address{line-height: 25px;}

.main{background:#fff url(../images/main-bg.png) left center repeat-y;}
.columns .main{background: #fff;}
.columns .col-main{padding: 36px 20px 12px 20px;}
#slides{clear: both; position: relative; height: 177px; overflow: hidden; }
.slides_container{height: 177px; overflow: hidden; background: #FFF;}
.slides_container .slide{}
.slides_container img{}
#slides .pagination{position: absolute; top: 160px; z-index: 99; left: 50%;}
#slides .pagination li{float: left; margin-right: 6px;}
#slides .pagination li a{float: left; height: 10px; width: 10px; background: url(../images/home/slider-page.png) right center no-repeat; text-indent: -9999px;}
#slides .pagination li a:hover, #slides .pagination li.current a{background: url(../images/home/slider-page.png) left center no-repeat;}

.index-box{}
.index-left h2, .index-right h2, .col-left h2, h2.page-title{color: #ac783b;padding-left: 12px; font-size: 16px; line-height: 26px; border-bottom: 1px solid #ac783b; font-weight: bold; }
.index-left, .col-left{padding: 36px 16px 20px 20px; width: 233px; float:left;}
.index-news{}
.index-news li{ padding: 5px 0; border-bottom: 1px dashed #b9b2aa;}
.index-news li a{ font-size: 12px;line-height: 20px; color: #5a5a5a; padding-left: 27px; background: url(../images/home/index-new-li-bg.png) 14px center no-repeat;}
.index-news li a:hover{}
.index-news li span{display:block;line-height: 19px;text-align: right; color: #5a5a5a; font-size: 10px;}

.index-right, .columns-left .col-main{padding: 5px 20px 12px 27px; float: right; width: 644px;}
.index-right{padding-top: 36px;}
.index-right .index-content{line-height: 20px; font-size: 12px; padding: 18px 8px; color: #5a5a5a;}
.index-right .index-img{padding: 0px 8px;}
.index-right .index-img table{ width: 100%;}
.more{padding: 46px 0 0 0}

.col-left ul.leftnav{}
.col-left ul.leftnav li{padding: 5px 0; border-bottom: 1px dashed #b9b2aa;}
.col-left ul.leftnav li a{ font-size: 12px;line-height: 20px; color: #5a5a5a; padding-left: 27px; background: url(../images/home/index-new-li-bg.png) 14px center no-repeat;}
.page-content{padding: 15px 0; line-height: 20px;}

.product-content .attribute {border: 1px solid #c7c7c7; background: #FFFFFF;}
.attr{display: inline;}
.product-content .attribute ul{clear: both; border-bottom: 1px solid #c7c7c7;}
.product-content .attribute ul li{}
.product-content .attribute ul li span{padding: 0 10px;color: #575757;}
.product-content .attribute ul li a{line-height: 28px;margin-right: 40px; color: #575757;}
.product-content .attribute ul.last{border-bottom: none;}
.product-content .attribute ul.last li a{margin-bottom: 0;}
.production{ margin-top: 20px; text-align: center;}
.production .thumbnails{clear: both;}
.production .thumbnails li{float: left; margin-bottom: 10px; margin-right: 22px; width: 200px; text-align: center; background: url(../images/right-li.jpg) right center no-repeat}
.production .thumbnails li.last{margin-right: 0;background: none;}
.production .thumbnails li img{margin: 0 auto;}
.production p{margin: 10px 0;}

.border{border: 1px solid #dbdbdb;}
.pd20{padding: 20px;}
.lr12{padding-left: 12px; padding-right: 12px; }
.contact-t h3{color: #AC783B; margin-bottom: 10px;}
.contact-t p{margin-bottom: 0; line-height: 20px;}
.feedback{margin: 20px 0;}
.feedback h3{margin-bottom: 16px;}
.feedback .input{border: 1px solid #cfcfcf; background: #f0f0f0;padding: 4px; width: 452px;}
.feedback .control-group{}
.feedback .control-label{float: left; width: 40px;}
.feedback .controls{margin-left: 40px; margin-bottom: 18px;}
.form-actions{clear: both; text-align: left;}
.form-actions .btn{float: none;}
.content-nav li{float: left;  background: url(../images/content-li-bg.png) right 8px no-repeat; padding-right: 15px; line-height: 20px; padding-left: 10px;}
.content-nav li.last{background: none;}
.content-nav li a{color: #5a5a5a;}

.col-main .page-title{margin-top: 12px; font-size: 16px; }
.pages{text-align: center; padding: 10px 0;}
.pages a{color: #5a5a5a; padding: 0 0 0 4px;}
.pages a.hover{color: #AC783B}
.selected_box{padding: 5px 0; background: #f4f4f4;}
.attr_box{ display: inline;}
.selected_attr{border: 1px solid #ac783b; display: inline; margin-right: 10px; padding: 2px 21px 2px 5px; position: relative;}
.selected_attr font{color: #5a5a5a;}
.selected_attr {color: #ac783b;}
.selected_attr font.remove{background: url(../images/remove.png); width: 11px; height: 11px; position: absolute; right: 5px; cursor: pointer; top: 5px;}